<ion-header>

  <ion-navbar>
    <ion-title>收文</ion-title>
    <ion-buttons end>
      <button ion-button clear small (click)="toSwglDonePage()">
        <span class="right-button">已阅收文</span>
      </button>
    </ion-buttons>
  </ion-navbar>

</ion-header>
<ion-content>
    <div class="search-bar-content">
      <ion-searchbar placeholder="搜索" (ionInput)="searchWork()" [(ngModel)]="workInput">
      </ion-searchbar>
    </div>
       <!--<ion-fab right middle>
        <button ion-fab color="#3dbdf5"><ion-icon name="refresh"></ion-icon></button>
      </ion-fab>-->
  
    <!--下拉事件时，刷新页面数据-->
    <ion-refresher (ionRefresh)="gzreceiveview.doRefresh($event)">
      <ion-refresher-content pullingIcon="arrow-dropdown"  
      pullingText="下拉刷新"  refreshingSpinner="circles"  refreshingText="刷新中...">
        </ion-refresher-content>
    </ion-refresher>
    <ion-list class="bhq-list"  >
      <ion-item class="bhq-item"  (click)="toQueryWork(item)"
        *ngFor="let item of gzreceiveview.datas">
       
        <div class="bhq-item-content">
            <div class="bhq-item-info">
              <p ><strong>{{item.fwzt | asLength:16}}({{item.jjdjName}})</strong></p>
              <p>{{item.cjrmc}}({{item.bmmcName}})</p>
            </div>
            <div class="bhq-item-date">
              <p>&nbsp;</p>
              <p>{{item.cjsj | date:'yyyy-MM-dd'}}</p>
            </div>
        </div>
      </ion-item>
    </ion-list>
    
    <!-- 无级滚动效果实现 -->
    <ion-infinite-scroll (ionInfinite)="gzreceiveview.doInfinite($event)">
      <ion-infinite-scroll-content></ion-infinite-scroll-content>
    </ion-infinite-scroll>
  </ion-content>